Mac與iPad的本質與框架差異(指南)
iOS與MacOS的本質差異
A iOS是為觸控式螢幕而設計,而Mac是為用鍵盤和滑鼠操作而設計的
/Untitled.png)
B 在觸屏設計中往往放大可被操作的介面元素,這樣在人們行走時也更容易操作。在Mac上用觸控板或滑鼠可以更精準的控制小指標進行點選(所以可被操作的介面元素較小)。這也意味著Mac介面可承載的資訊密度更大
/Untitled 1.png)
C iOS一般將按鈕放在螢幕中間或底部,因為當單手拿著iPhone時會更方便的按到他們。
在MacOS上把按鈕放在下面、左邊或右邊,人體工程學在Mac的設計上意義不大,因為在螢幕上,哪兒都一樣容易被點
/Untitled 2.png)
三大基礎框架
互動框架對於應用程式來說是最重要的部分。一個邏輯縝密和直觀結構有助於使用者快速的找到內容並簡化導航。
1 透過精簡的少量標籤整合內容資訊(常用於資訊密集型應用中,以幫助使用者高效地導航)
/Untitled 3.png)
/Untitled 4.png)
2 以行列的形式展示列表資料(可以清晰地展示結構化資料,便於使用者瀏覽和管理)
/Untitled 5.png)
/Untitled 6.png)
3 以資料夾的方式來整理內容,在最頂層有一個文件瀏覽器的介面(它允許使用者以直觀的方式瀏覽、開啟和管理文件)
/Untitled 7.png)
/Untitled 8.png)
資訊佈局
A Mac的視窗比iPad的大很多,這意味著需要專門做出適合大空間的佈局設計。
/Untitled 9.png)
如果單純放大ios的佈局用在ipad或mac中,看起來很糟糕。尤其在全屏模式下,是不可以的。
/Untitled 10.png)
B 合理的內容邊距可以防止文字行太長,使其易於閱讀。
/Untitled 11.png)
C 最大化資訊密度:將內容分割成多個欄目。利用更寬顯示屏的特點:使用分屏檢視或主-詳細檢視
/Untitled 12.png)
分屏檢視可以同時顯件列表和詳情,這減少了在應用層次結構中前進和後退的操作。分屏檢視本身就適用於Mac和ipad的顯示特性
/Untitled 13.png)
/Untitled 14.png)